<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>购物车</title>
    <link rel="stylesheet" href="css/reset.css" type="text/css"/>
    <link rel="stylesheet" href="css/main.css" type="text/css"/>
    <script src="js/jquery-1.9.1.js"></script>
    <script src="js/common.js"></script>
</head>
<body>
<div class="headerBar">
    <div class="topBar">
        <div class="comWidth clearFix">
            <div class="leftArea">
                <a href="#" class="collection">收藏商城</a>
            </div>
            <div class="rightArea">
                <a href="index.html">返回首页</a>
                <a href="login.html">[登录]</a>
                <a href="register.html">[免费注册]</a>
            </div>
        </div>
    </div><!--topBar结束-->
    <div class="logoBar">
        <div class="comWidth clearFix">
            <div class="logo fl">
                <a href="#"><img src="images/logo.png" alt="商城网"/></a>
            </div>
            <div class="search_box fl">
                <form action="" method="get">
                    <label><input type="text" class="search_text fl"/></label>
                    <input type="button" value="搜 索" class="search_btn fr"/>
                </form>
            </div>
            <div class="shopCar fr">
                <a href="shoppingCar.html">
                    <span class="shopText fl">购物车</span>
                </a>
                <span class="shopNum fl">2</span>
                <div class="shopCar_cont">
                    <form method="post" action="">
                        <div class="checkAll">
                            <input type="button" id="check_all" value="全　选" name="items"/>
                            <input type="button" id="check_no" value="全不选" name="items"/>
                        </div>
                        <div class="shopCar_list">
                            <ul>
                                <li>
                                    <label for="check1"></label>
                                    <input type="checkbox" id="check1" class="checkbox" name="items"/>
                                    <a href="shoppingCar.html"><img src="images/shopCar_list.png" alt="佳能60"/></a>
                                    <p>
                                        <a href="#">Canon 佳能 EOS 60D 单反套机(EFD-S 18-135IS) 1800万像素</a>
                                        <span class="price">￥; <i>4999.00</i></span>
                                    </p>
                                </li>
                                <li>
                                    <label for="check2"></label>
                                    <input type="checkbox" id="check2" checked="checked" class="checkbox" name="items"/>
                                    <a href="shoppingCar.html"><img src="images/shopCar_list_01.png" alt="佳能60"/></a>
                                    <p>
                                        <a href="#">Fujifilm 富士 FinePix JX710数码相机 粉色</a>
                                        <span class="price">￥; <i>349.00</i></span>
                                    </p>
                                </li>
                                <li>
                                    <label for="check3"></label>
                                    <input type="checkbox" id="check3" class="checkbox" name="items"/>
                                    <a href="shoppingCar.html"><img src="images/shopCar_list.png" alt="佳能60"/></a>
                                    <p>
                                        <a href="#">Canon 佳能 EOS 60D 单反套机(EFD-S 18-135IS) 1800万像素</a>
                                        <span class="price">￥; <i>4999.00</i></span>
                                    </p>
                                </li>
                            </ul>
                        </div>
                    </form>
                    <div class="clearingBox">
                        <div class="clearingText clearFix">
                        <span class="clearingNum fl">
                            <i>已选</i><span class="number">1</span><i>件</i>
                        </span>
                        <span class="clearingPrice fr">
                            <span class="price">&yen; <i>4999.00</i></span>
                        </span>
                        </div>
                        <div class="goClearing">
                            <a href="shoppingCar.html">去结算</a>
                        </div>
                        <span id="shopCarClose">收起购物车</span>
                    </div>
                </div>
            </div>
        </div>
    </div><!--logoBar结束-->
</div>
    <!--收货信息开始-->
    <div class="shoppingCart comWidth">
        <div class="shopping_item">
            <h3 class="shopping_title">收货地址</h3>
            <div class="shopping_cont padding_shop">
                <ul class="shopping_list">
                    <li>
                        <span class="shopping_list_text">
                            <em>*</em>
                        选择地区
                        </span>
                        <div class="select">
                            <h3>昆明</h3>
                            <span></span>
                            <ul class="show_select">
                                <li>红河</li>
                                <li>曲靖</li>
                                <li>玉溪</li>
                                <li>大理</li>
                                <li>丽江</li>
                                <li>普洱</li>
                                <li>文山</li>
                            </ul>
                        </div>
                    </li>
                    <li>
                    <span class="shopping_list_text">
                        <em>*</em>
                        详细地址
                    </span>
                        <input type="text" placeholder="最多输入20个汉字" autofocus="autofocus" class="input input_long"/>
                    </li>
                    <li>
                    <span class="shopping_list_text">
                        <em>*</em>
                        收货人
                    </span>
                        <input type="text" placeholder="最多输入10个汉字" class="input"/>
                    </li>
                    <li>
                    <span class="shopping_list_text">
                        <em>*</em>
                        手机
                    </span>
                        <input type="text" placeholder="如：123456" class="input"/>
                        或固定电话：<input type="text" class="input input_short" placeholder="区号"/>
                        -
                        <input type="text" class="input input_short" placeholder="电话号码"/>
                        -
                        <input type="text" class="input input_short" placeholder="分机号"/>
                    </li>
                    <li><a href="#" class="receive">确认收货</a></li>
                </ul>
            </div>

        </div>
    </div>
    <!--收货信结束-->
    <div class="hr_15"></div>
    <!--支付方式开始-->
    <div class="shoppingCart comWidth">
        <div class="shopping_item">
            <h3 class="shopping_title">支付方式</h3>
            <div class="shopping_cont padding_shop">
                <ul class="shopping_list">
                    <li><label for="r1"><input type="radio" name="pay" class="radio" id="r1"/>微信支付</label><span class="radio1"></span>用微信扫一扫就能支付</li>
                    <li><label for="r2"><input type="radio" name="pay" class="radio" id="r2"/>货到付款</label><span>送货上门后再付款，使用现金或数银行卡</span></li>
                </ul>
            </div>
        </div>
    </div>
    <!--支付方式结束-->
    <div class="hr_15"></div>
    <!--发票信息开始-->
    <div class="shoppingCart comWidth">
        <div class="shopping_item">
            <h3 class="shopping_title">收货地址</h3>
            <div class="shopping_cont padding_shop">
                <ul class="shopping_list clearFix">
                    <li>
                        <input type="radio" name="invoice" class="require"/>
                        <span>需要发票</span>
                        <input type="radio" name="invoice" class="require"/>
                        <span>不需要发票</span>
                    </li>
                    <li>
                        <span class="shopping_list_text">
                            <em>*</em>
                            发票类型
                        </span>
                        <select name="invoice_type" id="invoice_type">
                            <option value="1">商业零售发票</option>
                            <option value="2" selected="selected">普通发票</option>
                            <option value="3">机打发票</option>
                        </select>
                    </li>
                    <li>
                    <span class="shopping_list_text">
                        <em>*</em>
                        发票抬头
                    </span>
                        <select name="invoice_title" id="invoice_title">
                            <option value="company" selected="selected">公司</option>
                            <option value="personal">个人</option>
                        </select>
                        <input type="text" placeholder="姓名" class="personal_name input"/>
                    </li>
                    <li>
                        <a href="#" class="receive save">保存</a>
                        <a href="#" class="receive cancel">取消</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--发票信息结束-->
    <div class="hr_15"></div>
    <!--送货清单开始-->
    <div class="shoppingCart comWidth">
        <div class="shopping_item">
            <h3 class="shopping_title">送货清单<a href="#" class="backCar">返回购物车修改</a></h3>
            <div class="shopping_cont pb_10">
                <div class="cart_inner">
                    <div class="cart_head clearFix">
                        <div class="cart_item t_name">商品名称</div>
                        <div class="cart_item t_price">单价</div>
                        <div class="cart_item t_return">返现</div>
                        <div class="cart_item t_num">数量</div>
                        <div class="cart_item t_subtotal">小计</div>
                    </div>
                    <!--商品信息-->
                    <div class="cart_cont clearFix">
                        <div class="cart_item t_name">
                            <div class="cart_shopInfo">
                                <a href="#"><img src="images/cart_shop.jpg" alt=""/></a>
                                <div class="cart_shopInfo_cont">
                                    <p class="cart_link"><a href="#">Hisense 海信 BCD-202D 202升 三门冰箱 颜色（银色</a></p>
                                    <p class="cart-info"><a href="#">[赠品] 保鲜盒.抽真空保鲜盒-海信冰洗赠品</a></p>
                                </div>
                            </div>
                        </div>
                        <div class="cart_item t_price">
                            ￥1459.00
                        </div>
                        <div class="cart_item t_return">
                            ￥0.00
                        </div>
                        <div class="cart_item t_num">1</div>
                        <div class="cart_item t_subtotal t_red">￥1459.00</div>
                    </div>
                    <div class="cart_message">
                        若您对包裹有特殊要求，请在此留言
                    </div>
                    <div class="cart_prompt">
                        <i class="cart_prompt_icon"></i>抱歉，一下商品暂时不能购买，已自动帮您在本次结算中剔除并扣减对应金额，您可以先购买其他商品：）
                    </div>
                    <div class="cart_cont cart_noBorder clearFix">
                        <div class="cart_item t_name">
                            <div class="cart_shopInfo">
                                <a href="#"><img src="images/cart_shop_n.jpg" alt=""/></a>
                                <div class="cart_shopInfo_cont">
                                    <p class="cart_link_n"><a href="#">清风 欧院系列 清香型 100抽</a></p>
                                    <p class="cart_link_n">数量（1件）</p>
                                    <p class="cart_link_n">￥4.90<span>无货</span></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--送货清单结束-->
    <!--订单结算开始-->
    <div class="shoppingCart comWidth">
        <div class="shopping_item">
            <h3 class="shopping_title">订单结算</h3>
            <div class="shopping_cont padding_shop clearFix">
                <div class="cart_count fr">
                    <div class="cart_total">
                        <i>总计：</i><span>1459.00</span>
                    </div>
                    <div class="cart_btnBox"><!--注意这里要设置右对齐-->
                        <input type="button" value="提交订单" class="cart_btn"/>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--订单结算结束-->
    <!--返回顶部-->
    <div class="backTop_box">
        <a href="#top"><div class="arrow"></div>返回顶部</a>
    </div>
    <div class="hr_25"></div>
    <div class="footer">
        <p>
            <a href="#">商城简介</a>
            <i>|</i>
            <a href="#">商城公告</a>
            <i>|</i>
            <a href="#">招纳贤士</a>
            <i>|</i>
            <a href="#">联系我们</a>
            <i>|</i>
            <a href="#">客服热线：400-675-1234 </a>
        </p>

        <p>Copyright &copy; 2006 - 2014 商城版权所有&nbsp;&nbsp;&nbsp;
            京ICP备09037834号&nbsp;&nbsp;&nbsp;
            京ICP证B1034-8373号&nbsp;&nbsp;&nbsp;
            某市公安局XX分局备案编号：123456789123
        </p>

        <p class="footerLogo">
            <a href="#"><img src="./images/footer.jpg" alt="logo"/></a>
            <a href="#"><img src="./images/footer.jpg" alt="logo"/></a>
            <a href="#"><img src="./images/footer.jpg" alt="logo"/></a>
            <a href="#"><img src="./images/footer.jpg" alt="logo"/></a>
        </p>
    </div>
</body>
</html>